@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--color-bg: #0a0a15;--color-surface: #15152a;--color-surface-light: #252550;--color-primary: #00ffaa;--color-secondary: #ff0088;--color-accent: #00ccff;--color-text: #ffffff;--color-text-dim: #aaaacc;--color-border: #5555aa;--pixel-size: 14px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;margin:0;padding:0}body{font-family:"Press Start 2P",Courier New,monospace;background:var(--color-bg);background-image:radial-gradient(circle at 20% 50%,rgba(0,255,170,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,136,.15) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(0,204,255,.1) 0%,transparent 50%);color:var(--color-text);display:flex;align-items:center;justify-content:center;padding:8px;line-height:1.5;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;text-rendering:optimizeSpeed;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#app{width:100%;max-width:1200px;height:100%;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.pixel-text{font-family:"Press Start 2P",Courier New,monospace;font-size:12px;line-height:1.6;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;color:#fff}.pixel-border{border:3px solid var(--color-border);box-shadow:0 0 0 1px var(--color-surface),0 0 20px #55a6,0 4px 16px #00000080,inset 0 0 20px #00ffaa1a}.pixel-border-bottom{border-bottom:3px solid var(--color-border)}.pixel-bg{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px)}.game-container{background:linear-gradient(135deg,var(--color-surface) 0%,#1a1a3a 100%);padding:8px;border-radius:12px;animation:fadeInUp .5s ease;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:8px;width:100%;max-width:100%;height:100vh;max-height:100vh;position:relative;overflow:hidden;box-shadow:0 8px 32px #0009}.game-container:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,170,.03) 2px,rgba(0,255,170,.03) 4px);pointer-events:none;z-index:0}.game-container>*{position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header{grid-column:1 / -1;grid-row:1;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#15152ae6,#1a1a3ae6);border-radius:8px;border:2px solid var(--color-border);box-shadow:0 4px 16px #0006,inset 0 0 20px #00ffaa14;min-width:0;overflow:hidden}.header-right{display:flex;align-items:center;gap:12px}.coin-display{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fa0,#f80);padding:6px 12px;border:2px solid #ffcc00;border-radius:4px;box-shadow:0 0 15px #ffaa0080}.coin-icon{font-size:16px}.coin-amount{font-size:12px;color:#000;font-weight:700;text-shadow:none}.pet-info{flex:1;min-width:0;overflow:hidden}.pet-name{font-size:22px;margin-bottom:8px;color:#0fa;animation:glow 2s ease-in-out infinite;-webkit-font-smoothing:none}.pet-name-display{font-size:28px;margin:0 0 8px;color:#0fa;font-weight:700;text-shadow:2px 2px 0px rgba(0,0,0,.9),0 0 15px rgba(0,255,170,.6);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pet-name-input{font-size:26px;margin-bottom:8px;color:#0fa;background:transparent;border:none;border-bottom:3px solid transparent;padding:4px 0;width:100%;max-width:320px;transition:all .3s ease;-webkit-font-smoothing:none;cursor:text;font-weight:700;text-shadow:2px 2px 0px rgba(0,0,0,.9),0 0 15px rgba(0,255,170,.6);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pet-name-input:hover{border-bottom-color:#00ffaa80;text-shadow:2px 2px 0px rgba(0,0,0,.9),0 0 20px rgba(0,255,170,.8)}.pet-name-input:focus{outline:none;border-bottom-color:#0fa;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{text-shadow:2px 2px 0px rgba(0,0,0,.9),0 0 15px rgba(0,255,170,.6),0 0 30px rgba(0,255,170,.4)}50%{text-shadow:2px 2px 0px rgba(0,0,0,.9),0 0 25px rgba(0,255,170,1),0 0 50px rgba(0,255,170,.6)}}@keyframes glow{0%,to{text-shadow:0 0 10px var(--color-primary),1px 1px 0px rgba(0,0,0,.8)}50%{text-shadow:0 0 20px var(--color-primary),1px 1px 0px rgba(0,0,0,.8)}}.pet-meta{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-block;padding:7px 12px;background:linear-gradient(135deg,var(--color-surface-light) 0%,#1a1a40 100%);border:2px solid var(--color-border);font-size:12px;color:#fff;box-shadow:0 0 10px #5555aa4d,inset 0 0 10px #00ffaa1a;transition:all .3s ease}.badge:hover{transform:translateY(-2px);box-shadow:0 0 15px #5555aa80,inset 0 0 15px #0fa3}.btn-icon{width:44px;height:44px;border:3px solid var(--color-border);background:linear-gradient(135deg,var(--color-surface-light) 0%,#1a1a40 100%);font-size:18px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #5555aa4d,inset 0 0 10px #00ffaa1a}.btn-icon:hover{background:linear-gradient(135deg,#0fa,#0c8);border-color:#0fa;transform:scale(1.15) rotate(15deg);box-shadow:0 0 25px #0fa9,inset 0 0 20px #fff3}.btn-icon:active{transform:scale(1.05) rotate(10deg)}.btn-reset{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border-color:#e74c3c!important;box-shadow:0 0 15px #e74c3c66,inset 0 0 10px #ffffff1a!important}.btn-reset:hover{background:linear-gradient(135deg,#ff6b6b,#e74c3c)!important;border-color:#ff6b6b!important;box-shadow:0 0 25px #e74c3ccc,inset 0 0 20px #fff3!important}.btn-reset:active{transform:scale(1.05) rotate(10deg)}.switch-pet-display-btn{transition:all .3s ease}.switch-pet-display-btn:hover{background:linear-gradient(135deg,#0fa6,#0cf6)!important;transform:translateY(-2px);box-shadow:0 4px 15px #00ffaa80!important}.switch-pet-display-btn:active{transform:translateY(0)}.left-column{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.pet-display{background:linear-gradient(135deg,var(--color-surface-light) 0%,#202050 100%);padding:24px 20px;text-align:center;position:relative;overflow:hidden;border:3px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;box-shadow:0 8px 32px #00000080,0 0 20px #55a6,inset 0 0 30px #00ffaa0d}.pet-display:has([data-type=steam]){background:linear-gradient(135deg,#b0bec54d,#90a4ae4d),linear-gradient(135deg,var(--color-surface-light) 0%,#202050 100%);border-color:#b0bec5}.pet-display:has([data-type=lava]){background:linear-gradient(135deg,#ff6b354d,#ff9f1c4d),linear-gradient(135deg,var(--color-surface-light) 0%,#202050 100%);border-color:#ff6b35}.pet-display:has([data-type=lightning]){background:linear-gradient(135deg,#ffeb3b4d,#fdd8354d),linear-gradient(135deg,var(--color-surface-light) 0%,#202050 100%);border-color:#ffeb3b}.pet-display:has([data-type=swamp]){background:linear-gradient(135deg,#558b2f4d,#689f384d),linear-gradient(135deg,var(--color-surface-light) 0%,#202050 100%);border-color:#558b2f}.pet-display:has([data-type=frost]){background:linear-gradient(135deg,#81d4fa4d,#4fc3f74d),linear-gradient(135deg,var(--color-surface-light) 0%,#202050 100%);border-color:#81d4fa}.pet-display:has([data-type=dust]){background:linear-gradient(135deg,#bcaaa44d,#a1887f4d),linear-gradient(135deg,var(--color-surface-light) 0%,#202050 100%);border-color:#bcaaa4}.pet-display:has([data-type=blaze]){background:linear-gradient(135deg,#ff17444d,#ff52524d),linear-gradient(135deg,var(--color-surface-light) 0%,#202050 100%);border-color:#ff1744}.pet-display:has([data-type=ocean]){background:linear-gradient(135deg,#0277bd4d,#0288d14d),linear-gradient(135deg,var(--color-surface-light) 0%,#202050 100%);border-color:#0277bd}.pet-display:has([data-type=fairy]){background:linear-gradient(135deg,#ff77ff4d,#ffccff4d),linear-gradient(135deg,var(--color-surface-light) 0%,#202050 100%);border-color:#f7f}.pet-display:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,170,.1) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}.pet-display:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pet-container{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;position:relative}.main-work-control{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:10}.main-work-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:linear-gradient(135deg,#1e1e32f2,#141428f2);border:2px solid #666;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:100px}.main-work-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ffaa4d;border-color:#0fa}.main-work-btn.working{background:linear-gradient(135deg,#fa03,#f803);border-color:#fa0;animation:pulse-work-btn 2s ease-in-out infinite}.work-status-icon{font-size:20px}.work-status-text{font-size:12px;font-weight:700;color:#fff}.work-reward-text{font-size:11px;color:gold;font-weight:700}@keyframes pulse-work-btn{0%,to{box-shadow:0 0 8px #fa06}50%{box-shadow:0 0 16px #ffaa00b3}}.pixel-pet{display:inline-block;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6));transform:scale(1.5);transition:transform .3s ease,filter .3s ease;position:relative}.pixel-pet:before{content:"";position:absolute;width:200%;height:200%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,var(--pet-color, #00ffaa) 0%,var(--pet-color, #00ffaa) 20%,transparent 60%);opacity:.25;animation:pulseGlow 3s ease-in-out infinite;z-index:-1;filter:blur(30px)}.pixel-pet:after{content:"";position:absolute;width:250%;height:250%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,transparent 40%,var(--pet-color, #00ffaa) 50%,transparent 70%);opacity:.08;animation:rotateParticles 8s linear infinite;z-index:-2;filter:blur(15px)}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(.85);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.35}}@keyframes rotateParticles{0%{transform:translate(-50%,-50%) rotate(0);opacity:.08}50%{opacity:.12}to{transform:translate(-50%,-50%) rotate(360deg);opacity:.08}}.pixel-pet[data-type=fire]:before{background:radial-gradient(circle at center,#ff4444 0%,#ff4444 15%,#ff8800 40%,transparent 65%);animation:pulseGlow 2s ease-in-out infinite,flameFlicker .3s ease-in-out infinite;filter:blur(35px)}@keyframes flameFlicker{0%,to{opacity:.25}50%{opacity:.4}}.pixel-pet[data-type=water]:before{background:radial-gradient(circle at center,#4488ff 0%,#4488ff 15%,#00ccff 40%,transparent 65%);animation:pulseGlow 3s ease-in-out infinite,waterRipple 2s ease-in-out infinite;filter:blur(35px)}@keyframes waterRipple{0%,to{transform:translate(-50%,-50%) scale(.85);border-radius:50%}50%{transform:translate(-50%,-50%) scale(1.15);border-radius:48%}}.pixel-pet[data-type=grass]:before{background:radial-gradient(circle at center,#44ff44 0%,#44ff44 15%,#88ff00 40%,transparent 65%);animation:pulseGlow 3.5s ease-in-out infinite,leafSway 4s ease-in-out infinite;filter:blur(35px)}@keyframes leafSway{0%,to{transform:translate(-50%,-50%) scale(.85) rotate(0)}25%{transform:translate(-50%,-50%) scale(.95) rotate(2deg)}75%{transform:translate(-50%,-50%) scale(.95) rotate(-2deg)}}.pixel-pet[data-type=electric]:before{background:radial-gradient(circle at center,#ffff44 0%,#ffff44 15%,#ffaa00 40%,transparent 65%);animation:pulseGlow 1.5s ease-in-out infinite,electricSpark .5s ease-in-out infinite}@keyframes electricSpark{0%,to{opacity:.2;filter:blur(35px)}50%{opacity:.45;filter:blur(25px)}}.pixel-pet[data-type=fairy]:before{background:radial-gradient(circle at center,#ff77ff 0%,#ff77ff 15%,#ffccff 40%,transparent 65%);animation:pulseGlow 2.5s ease-in-out infinite,fairyShimmer 3s ease-in-out infinite;filter:blur(35px)}@keyframes fairyShimmer{0%,to{opacity:.25;transform:translate(-50%,-50%) scale(.85)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.15)}}.pixel-pet[data-type=fire]:after{background:radial-gradient(circle at center,transparent 45%,#ff4444 55%,transparent 75%);animation:rotateParticles 6s linear infinite}.pixel-pet[data-type=water]:after{background:radial-gradient(circle at center,transparent 45%,#4488ff 55%,transparent 75%);animation:rotateParticles 10s linear infinite reverse}.pixel-pet[data-type=grass]:after{background:radial-gradient(circle at center,transparent 45%,#44ff44 55%,transparent 75%);animation:rotateParticles 12s linear infinite}.pixel-pet[data-type=electric]:after{background:radial-gradient(circle at center,transparent 45%,#ffff44 55%,transparent 75%);animation:rotateParticles 4s linear infinite}.pixel-pet[data-type=fairy]:after{background:radial-gradient(circle at center,transparent 45%,#ff77ff 55%,transparent 75%);animation:rotateParticles 8s linear infinite reverse}.pixel-pet.anim-eat{animation:eat .8s ease-out}.pixel-pet.anim-jump{animation:jump .6s ease-out}.pixel-pet.anim-spin{animation:spin .8s ease-out}.pixel-pet.anim-shake{animation:shake .5s ease-out}.pixel-pet.anim-sleep{animation:sleep 1s ease-out}.pixel-pet.anim-tired{animation:tired 1s ease-out;opacity:.6}@keyframes eat{0%,to{transform:scale(1.2) translate(0)}20%{transform:scale(1.3) translate(3px,-4px)}40%{transform:scale(1.25) translate(-2px)}60%{transform:scale(1.3) translate(3px,-2px)}80%{transform:scale(1.25) translate(-2px)}}@keyframes jump{0%,to{transform:scale(1.2) translate(0)}10%{transform:scale(1.1) translate(35px,-12px)}20%{transform:scale(1.15,1.25) translate(55px,-28px)}30%{transform:scale(1.3,1.1) translate(45px,-60px)}40%{transform:scale(1.25,1.15) translate(20px,-65px)}50%{transform:scale(1.2) translate(-20px,-58px)}60%{transform:scale(1.25,1.15) translate(-50px,-45px)}70%{transform:scale(1.22,1.18) translate(-58px,-20px)}80%{transform:scale(1.18,1.22) translate(-38px,-8px)}90%{transform:scale(1.15,1.25) translate(15px,-15px)}}@keyframes spin{0%{transform:scale(1.2) rotate(0) translate(0)}12%{transform:scale(1.25) rotate(45deg) translate(42px,-18px)}25%{transform:scale(1.3) rotate(90deg) translate(58px,-35px)}37%{transform:scale(1.15) rotate(135deg) translate(52px,-55px)}50%{transform:scale(1.2) rotate(180deg) translate(12px,-62px)}62%{transform:scale(1.15) rotate(225deg) translate(-38px,-52px)}75%{transform:scale(1.3) rotate(270deg) translate(-60px,-32px)}87%{transform:scale(1.25) rotate(315deg) translate(-45px,-12px)}to{transform:scale(1.2) rotate(360deg) translate(0)}}@keyframes shake{0%,to{transform:scale(1.2) translate(0) rotate(0)}10%{transform:scale(1.2) translate(-10px) rotate(-4deg)}20%{transform:scale(1.2) translate(10px) rotate(4deg)}30%{transform:scale(1.2) translate(-10px) rotate(-4deg)}40%{transform:scale(1.2) translate(10px) rotate(4deg)}50%{transform:scale(1.2) translate(-10px) rotate(-4deg)}60%{transform:scale(1.2) translate(10px) rotate(4deg)}70%{transform:scale(1.2) translate(-5px) rotate(-2deg)}80%{transform:scale(1.2) translate(5px) rotate(2deg)}90%{transform:scale(1.2) translate(-2px) rotate(-1deg)}}@keyframes sleep{0%,to{transform:scale(1.2) translate(0);opacity:1}25%{transform:scale(1.18) translate(-3px,2px);opacity:.9}50%{transform:scale(1.15) translateY(4px);opacity:.7}75%{transform:scale(1.18) translate(3px,2px);opacity:.9}}@keyframes tired{0%,to{transform:scale(1.3) translateY(0) rotate(0)}25%{transform:scale(1.28) translateY(3px) rotate(-2deg)}50%{transform:scale(1.25) translateY(5px) rotate(0)}75%{transform:scale(1.28) translateY(3px) rotate(2deg)}}@keyframes idle-bounce{0%,to{transform:scale(1.2) translate(0)}25%{transform:scale(1.22) translate(5px,-4px)}50%{transform:scale(1.2) translate(0)}75%{transform:scale(1.18) translate(-5px,-2px)}}@keyframes idle-wiggle{0%,to{transform:scale(1.2) translate(0) rotate(0)}20%{transform:scale(1.2) translate(3px) rotate(3deg)}40%{transform:scale(1.2) translate(-3px) rotate(-3deg)}60%{transform:scale(1.2) translate(2px) rotate(2deg)}80%{transform:scale(1.2) translate(-2px) rotate(-2deg)}}@keyframes idle-blink{0%,90%,to{opacity:1}95%{opacity:.4}}@keyframes idle-nod{0%,to{transform:scale(1.2) translate(0) rotate(0)}30%{transform:scale(1.2) translateY(2px) rotate(2deg)}70%{transform:scale(1.2) translateY(2px) rotate(2deg)}}@keyframes idle-stretch{0%,to{transform:scale(1.2)}50%{transform:scale(1.3,1.15)}}@keyframes idle-yawn{0%,to{transform:scale(1.2) translate(0);opacity:1}30%{transform:scale(1.25) translateY(-2px);opacity:.9}50%{transform:scale(1.25) translateY(-2px);opacity:.85}70%{transform:scale(1.22) translateY(-1px);opacity:.9}}@keyframes idle-dance{0%,to{transform:scale(1.2) rotate(0) translate(0)}25%{transform:scale(1.25) rotate(5deg) translate(-8px,-3px)}50%{transform:scale(1.2) rotate(0) translate(0)}75%{transform:scale(1.25) rotate(-5deg) translate(8px,-3px)}}@keyframes idle-float{0%,to{transform:scale(1.2) translate(0)}25%{transform:scale(1.2) translate(6px,-6px)}50%{transform:scale(1.2) translateY(-10px)}75%{transform:scale(1.2) translate(-6px,-6px)}}@keyframes idle-sway{0%,to{transform:scale(1.2) translate(0) rotate(0)}25%{transform:scale(1.2) translate(5px) rotate(4deg)}50%{transform:scale(1.2) translate(0) rotate(0)}75%{transform:scale(1.2) translate(-5px) rotate(-4deg)}}@keyframes idle-breathe{0%,to{transform:scale(1.2)}50%{transform:scale(1.23)}}.pixel-pet.idle-bounce{animation:idle-bounce 1.2s ease-in-out}.pixel-pet.idle-wiggle{animation:idle-wiggle 1.5s ease-in-out}.pixel-pet.idle-blink{animation:idle-blink .3s ease-in-out}.pixel-pet.idle-nod{animation:idle-nod 1.5s ease-in-out}.pixel-pet.idle-stretch{animation:idle-stretch 1.5s ease-in-out}.pixel-pet.idle-yawn{animation:idle-yawn 2s ease-in-out}.pixel-pet.idle-dance{animation:idle-dance 1.5s ease-in-out}.pixel-pet.idle-float{animation:idle-float 2s ease-in-out}.pixel-pet.idle-sway{animation:idle-sway 2.5s ease-in-out}.pixel-pet.idle-breathe{animation:idle-breathe 3s ease-in-out}@keyframes bounce{0%{transform:scale(1.2) translate(0)}8%{transform:scale(1.15,1.25) translate(80px,-20px)}16%{transform:scale(1.18,1.22) translate(95px,5px)}24%{transform:scale(1.25,1.15) translate(85px,-45px)}32%{transform:scale(1.2) translate(50px,-55px)}40%{transform:scale(1.22,1.18) translate(-25px,-50px)}48%{transform:scale(1.2) translate(-85px,-35px)}56%{transform:scale(1.25,1.15) translate(-95px,-5px)}64%{transform:scale(1.18,1.22) translate(-80px,10px)}72%{transform:scale(1.15,1.25) translate(-50px,-25px)}80%{transform:scale(1.2) translate(-15px,-48px)}88%{transform:scale(1.22,1.18) translate(65px,-32px)}96%{transform:scale(1.18,1.22) translate(40px,-12px)}to{transform:scale(1.2) translate(0)}}.pixel-row{display:flex;height:var(--pixel-size)}.pixel-row span{width:var(--pixel-size);height:var(--pixel-size);display:block;transition:all .2s ease}.pixel-pet:hover .pixel-row span{filter:brightness(1.2)}.pixel-egg .p1{background:linear-gradient(135deg,#e8e8e8,#f8f8f8);box-shadow:inset -1px -1px 2px #0000001a}.pixel-egg .p2{background:linear-gradient(135deg,#fff,#f0f0f0);box-shadow:inset -1px -1px 2px #0000000d}.pixel-egg .p3{background:linear-gradient(135deg,#ffd4aa,#fca);box-shadow:inset -1px -1px 2px #ff96644d}.pixel-baby[data-type=fire] .p1,.pixel-teen[data-type=fire] .p1,.pixel-adult[data-type=fire] .p1,.pixel-master[data-type=fire] .p1{background:linear-gradient(135deg,#933,#c33);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #f446}.pixel-baby[data-type=fire] .p2,.pixel-teen[data-type=fire] .p2,.pixel-adult[data-type=fire] .p2,.pixel-master[data-type=fire] .p2{background:linear-gradient(135deg,#f44,#f64);box-shadow:inset -1px -1px 2px #c800004d,0 0 4px #ff640080}.pixel-baby[data-type=fire] .p3,.pixel-teen[data-type=fire] .p3,.pixel-adult[data-type=fire] .p3,.pixel-master[data-type=fire] .p3{background:linear-gradient(135deg,#f80,#fa0);box-shadow:inset -1px -1px 2px #c864004d,0 0 5px #f809}.pixel-baby[data-type=water] .p1,.pixel-teen[data-type=water] .p1,.pixel-adult[data-type=water] .p1,.pixel-master[data-type=water] .p1{background:linear-gradient(135deg,#23a,#34c);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #48f6}.pixel-baby[data-type=water] .p2,.pixel-teen[data-type=water] .p2,.pixel-adult[data-type=water] .p2,.pixel-master[data-type=water] .p2{background:linear-gradient(135deg,#48f,#59f);box-shadow:inset -1px -1px 2px #0032964d,0 0 4px #4488ff80}.pixel-baby[data-type=water] .p3,.pixel-teen[data-type=water] .p3,.pixel-adult[data-type=water] .p3,.pixel-master[data-type=water] .p3{background:linear-gradient(135deg,#0cf,#3df);box-shadow:inset -1px -1px 2px #0096c84d,0 0 5px #0cf9}.pixel-baby[data-type=grass] .p1,.pixel-teen[data-type=grass] .p1,.pixel-adult[data-type=grass] .p1,.pixel-master[data-type=grass] .p1{background:linear-gradient(135deg,#292,#3c3);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #4f46}.pixel-baby[data-type=grass] .p2,.pixel-teen[data-type=grass] .p2,.pixel-adult[data-type=grass] .p2,.pixel-master[data-type=grass] .p2{background:linear-gradient(135deg,#4f4,#6f6);box-shadow:inset -1px -1px 2px #0096004d,0 0 4px #44ff4480}.pixel-baby[data-type=grass] .p3,.pixel-teen[data-type=grass] .p3,.pixel-adult[data-type=grass] .p3,.pixel-master[data-type=grass] .p3{background:linear-gradient(135deg,#8f0,#af2);box-shadow:inset -1px -1px 2px #6496004d,0 0 5px #8f09}.pixel-baby[data-type=earth] .p1,.pixel-teen[data-type=earth] .p1,.pixel-adult[data-type=earth] .p1,.pixel-master[data-type=earth] .p1{background:linear-gradient(135deg,#6b4910,#8b6914);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #8b691466}.pixel-baby[data-type=earth] .p2,.pixel-teen[data-type=earth] .p2,.pixel-adult[data-type=earth] .p2,.pixel-master[data-type=earth] .p2{background:linear-gradient(135deg,#a67c00,#d4a017);box-shadow:inset -1px -1px 2px #643c004d,0 0 4px #d4a01780}.pixel-baby[data-type=earth] .p3,.pixel-teen[data-type=earth] .p3,.pixel-adult[data-type=earth] .p3,.pixel-master[data-type=earth] .p3{background:linear-gradient(135deg,#d4a017,#f0c419);box-shadow:inset -1px -1px 2px #9664004d,0 0 5px #f0c41999}.pixel-baby[data-type=air] .p1,.pixel-teen[data-type=air] .p1,.pixel-adult[data-type=air] .p1,.pixel-master[data-type=air] .p1{background:linear-gradient(135deg,#b2ebf2,#e0f7fa);box-shadow:inset -1px -1px 2px #0000001a,0 0 3px #b2ebf266}.pixel-baby[data-type=air] .p2,.pixel-teen[data-type=air] .p2,.pixel-adult[data-type=air] .p2,.pixel-master[data-type=air] .p2{background:linear-gradient(135deg,#e0f7fa,#fff);box-shadow:inset -1px -1px 2px #96c8dc33,0 0 4px #e0f7fa80}.pixel-baby[data-type=air] .p3,.pixel-teen[data-type=air] .p3,.pixel-adult[data-type=air] .p3,.pixel-master[data-type=air] .p3{background:linear-gradient(135deg,#fff,#f0f8ff);box-shadow:inset -1px -1px 2px #c8dcff33,0 0 5px #fff9}.pixel-baby[data-type=steam] .p1,.pixel-teen[data-type=steam] .p1,.pixel-adult[data-type=steam] .p1,.pixel-master[data-type=steam] .p1{background:linear-gradient(135deg,#90a4ae,#b0bec5);box-shadow:inset -1px -1px 2px #0003,0 0 3px #b0bec566}.pixel-baby[data-type=steam] .p2,.pixel-teen[data-type=steam] .p2,.pixel-adult[data-type=steam] .p2,.pixel-master[data-type=steam] .p2{background:linear-gradient(135deg,#cfd8dc,#eceff1);box-shadow:inset -1px -1px 2px #788ca033,0 0 4px #cfd8dc80}.pixel-baby[data-type=steam] .p3,.pixel-teen[data-type=steam] .p3,.pixel-adult[data-type=steam] .p3,.pixel-master[data-type=steam] .p3{background:linear-gradient(135deg,#f5f5f5,#fff);box-shadow:inset -1px -1px 2px #c8d2dc33,0 0 5px #f5f5f599}.pixel-baby[data-type=lava] .p1,.pixel-teen[data-type=lava] .p1,.pixel-adult[data-type=lava] .p1,.pixel-master[data-type=lava] .p1{background:linear-gradient(135deg,#c40,#ff6b35);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #ff6b3566}.pixel-baby[data-type=lava] .p2,.pixel-teen[data-type=lava] .p2,.pixel-adult[data-type=lava] .p2,.pixel-master[data-type=lava] .p2{background:linear-gradient(135deg,#f83,#ff9f1c);box-shadow:inset -1px -1px 2px #c83c004d,0 0 4px #ff9f1c80}.pixel-baby[data-type=lava] .p3,.pixel-teen[data-type=lava] .p3,.pixel-adult[data-type=lava] .p3,.pixel-master[data-type=lava] .p3{background:linear-gradient(135deg,#fb0,#fd4);box-shadow:inset -1px -1px 2px #dc78004d,0 0 5px #fb09}.pixel-baby[data-type=lightning] .p1,.pixel-teen[data-type=lightning] .p1,.pixel-adult[data-type=lightning] .p1,.pixel-master[data-type=lightning] .p1{background:linear-gradient(135deg,#f9a825,#fdd835);box-shadow:inset -1px -1px 2px #0003,0 0 3px #fdd83566}.pixel-baby[data-type=lightning] .p2,.pixel-teen[data-type=lightning] .p2,.pixel-adult[data-type=lightning] .p2,.pixel-master[data-type=lightning] .p2{background:linear-gradient(135deg,#ffeb3b,#ff0);box-shadow:inset -1px -1px 2px #c8b40033,0 0 4px #ffeb3b80}.pixel-baby[data-type=lightning] .p3,.pixel-teen[data-type=lightning] .p3,.pixel-adult[data-type=lightning] .p3,.pixel-master[data-type=lightning] .p3{background:linear-gradient(135deg,#ff8,#ffc);box-shadow:inset -1px -1px 2px #dcdc6433,0 0 5px #ff89}.pixel-baby[data-type=swamp] .p1,.pixel-teen[data-type=swamp] .p1,.pixel-adult[data-type=swamp] .p1,.pixel-master[data-type=swamp] .p1{background:linear-gradient(135deg,#33691e,#558b2f);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #558b2f66}.pixel-baby[data-type=swamp] .p2,.pixel-teen[data-type=swamp] .p2,.pixel-adult[data-type=swamp] .p2,.pixel-master[data-type=swamp] .p2{background:linear-gradient(135deg,#689f38,#7cb342);box-shadow:inset -1px -1px 2px #2864144d,0 0 4px #689f3880}.pixel-baby[data-type=swamp] .p3,.pixel-teen[data-type=swamp] .p3,.pixel-adult[data-type=swamp] .p3,.pixel-master[data-type=swamp] .p3{background:linear-gradient(135deg,#9ccc65,#aed581);box-shadow:inset -1px -1px 2px #6496324d,0 0 5px #9ccc6599}.pixel-baby[data-type=frost] .p1,.pixel-teen[data-type=frost] .p1,.pixel-adult[data-type=frost] .p1,.pixel-master[data-type=frost] .p1{background:linear-gradient(135deg,#4fc3f7,#81d4fa);box-shadow:inset -1px -1px 2px #0003,0 0 3px #81d4fa66}.pixel-baby[data-type=frost] .p2,.pixel-teen[data-type=frost] .p2,.pixel-adult[data-type=frost] .p2,.pixel-master[data-type=frost] .p2{background:linear-gradient(135deg,#b3e5fc,#e1f5fe);box-shadow:inset -1px -1px 2px #64b4f033,0 0 4px #b3e5fc80}.pixel-baby[data-type=frost] .p3,.pixel-teen[data-type=frost] .p3,.pixel-adult[data-type=frost] .p3,.pixel-master[data-type=frost] .p3{background:linear-gradient(135deg,#f0f8ff,#fff);box-shadow:inset -1px -1px 2px #b4dcff33,0 0 5px #f0f8ff99}.pixel-baby[data-type=dust] .p1,.pixel-teen[data-type=dust] .p1,.pixel-adult[data-type=dust] .p1,.pixel-master[data-type=dust] .p1{background:linear-gradient(135deg,#a1887f,#bcaaa4);box-shadow:inset -1px -1px 2px #0003,0 0 3px #bcaaa466}.pixel-baby[data-type=dust] .p2,.pixel-teen[data-type=dust] .p2,.pixel-adult[data-type=dust] .p2,.pixel-master[data-type=dust] .p2{background:linear-gradient(135deg,#d7ccc8,#efebe9);box-shadow:inset -1px -1px 2px #8c786e33,0 0 4px #d7ccc880}.pixel-baby[data-type=dust] .p3,.pixel-teen[data-type=dust] .p3,.pixel-adult[data-type=dust] .p3,.pixel-master[data-type=dust] .p3{background:linear-gradient(135deg,#f5f5f5,#fafafa);box-shadow:inset -1px -1px 2px #c8beb933,0 0 5px #f5f5f599}.pixel-baby[data-type=blaze] .p1,.pixel-teen[data-type=blaze] .p1,.pixel-adult[data-type=blaze] .p1,.pixel-master[data-type=blaze] .p1{background:linear-gradient(135deg,#d32f2f,#ff1744);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #ff174466}.pixel-baby[data-type=blaze] .p2,.pixel-teen[data-type=blaze] .p2,.pixel-adult[data-type=blaze] .p2,.pixel-master[data-type=blaze] .p2{background:linear-gradient(135deg,#ff5252,#ff8a80);box-shadow:inset -1px -1px 2px #c800144d,0 0 4px #ff525280}.pixel-baby[data-type=blaze] .p3,.pixel-teen[data-type=blaze] .p3,.pixel-adult[data-type=blaze] .p3,.pixel-master[data-type=blaze] .p3{background:linear-gradient(135deg,#ffab91,#ffccbc);box-shadow:inset -1px -1px 2px #dc64504d,0 0 5px #ffab9199}.pixel-baby[data-type=ocean] .p1,.pixel-teen[data-type=ocean] .p1,.pixel-adult[data-type=ocean] .p1,.pixel-master[data-type=ocean] .p1{background:linear-gradient(135deg,#01579b,#0277bd);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #0277bd66}.pixel-baby[data-type=ocean] .p2,.pixel-teen[data-type=ocean] .p2,.pixel-adult[data-type=ocean] .p2,.pixel-master[data-type=ocean] .p2{background:linear-gradient(135deg,#0288d1,#03a9f4);box-shadow:inset -1px -1px 2px #00508c4d,0 0 4px #0288d180}.pixel-baby[data-type=ocean] .p3,.pixel-teen[data-type=ocean] .p3,.pixel-adult[data-type=ocean] .p3,.pixel-master[data-type=ocean] .p3{background:linear-gradient(135deg,#4fc3f7,#81d4fa);box-shadow:inset -1px -1px 2px #3296dc4d,0 0 5px #4fc3f799}.pixel-baby[data-type=fairy] .p1,.pixel-teen[data-type=fairy] .p1,.pixel-adult[data-type=fairy] .p1,.pixel-master[data-type=fairy] .p1{background:linear-gradient(135deg,#d500f9,#f7f);box-shadow:inset -1px -1px 2px #0003,0 0 3px #f7f6}.pixel-baby[data-type=fairy] .p2,.pixel-teen[data-type=fairy] .p2,.pixel-adult[data-type=fairy] .p2,.pixel-master[data-type=fairy] .p2{background:linear-gradient(135deg,#f7f,#ffb3ff);box-shadow:inset -1px -1px 2px #b400c833,0 0 4px #ff77ff80}.pixel-baby[data-type=fairy] .p3,.pixel-teen[data-type=fairy] .p3,.pixel-adult[data-type=fairy] .p3,.pixel-master[data-type=fairy] .p3{background:linear-gradient(135deg,#fcf,#fff0ff);box-shadow:inset -1px -1px 2px #dc96ff33,0 0 5px #fcf9}.pixel-baby[data-type=volcano] .p1,.pixel-teen[data-type=volcano] .p1,.pixel-adult[data-type=volcano] .p1,.pixel-master[data-type=volcano] .p1{background:linear-gradient(135deg,#bf360c,#d84315);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #d8431566}.pixel-baby[data-type=volcano] .p2,.pixel-teen[data-type=volcano] .p2,.pixel-adult[data-type=volcano] .p2,.pixel-master[data-type=volcano] .p2{background:linear-gradient(135deg,#e64a19,#ff6f00);box-shadow:inset -1px -1px 2px #b428004d,0 0 4px #ff6f0080}.pixel-baby[data-type=volcano] .p3,.pixel-teen[data-type=volcano] .p3,.pixel-adult[data-type=volcano] .p3,.pixel-master[data-type=volcano] .p3{background:linear-gradient(135deg,#ff8f00,#ffb300);box-shadow:inset -1px -1px 2px #c864004d,0 0 5px #ff8f0099}.pixel-baby[data-type=aurora] .p1,.pixel-teen[data-type=aurora] .p1,.pixel-adult[data-type=aurora] .p1,.pixel-master[data-type=aurora] .p1{background:linear-gradient(135deg,#5e35b1,#7c4dff);box-shadow:inset -1px -1px 2px #0003,0 0 3px #7c4dff66}.pixel-baby[data-type=aurora] .p2,.pixel-teen[data-type=aurora] .p2,.pixel-adult[data-type=aurora] .p2,.pixel-master[data-type=aurora] .p2{background:linear-gradient(135deg,#9575cd,#b388ff);box-shadow:inset -1px -1px 2px #6450c833,0 0 4px #b388ff80}.pixel-baby[data-type=aurora] .p3,.pixel-teen[data-type=aurora] .p3,.pixel-adult[data-type=aurora] .p3,.pixel-master[data-type=aurora] .p3{background:linear-gradient(135deg,#d1c4e9,#ede7f6);box-shadow:inset -1px -1px 2px #9682dc33,0 0 5px #d1c4e999}.pixel-baby[data-type=tide] .p1,.pixel-teen[data-type=tide] .p1,.pixel-adult[data-type=tide] .p1,.pixel-master[data-type=tide] .p1{background:linear-gradient(135deg,#004d40,#00695c);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #00695c66}.pixel-baby[data-type=tide] .p2,.pixel-teen[data-type=tide] .p2,.pixel-adult[data-type=tide] .p2,.pixel-master[data-type=tide] .p2{background:linear-gradient(135deg,#00897b,#26a69a);box-shadow:inset -1px -1px 2px #0050464d,0 0 4px #00897b80}.pixel-baby[data-type=tide] .p3,.pixel-teen[data-type=tide] .p3,.pixel-adult[data-type=tide] .p3,.pixel-master[data-type=tide] .p3{background:linear-gradient(135deg,#4db6ac,#80cbc4);box-shadow:inset -1px -1px 2px #328c824d,0 0 5px #4db6ac99}.pixel-baby[data-type=plasma] .p1,.pixel-teen[data-type=plasma] .p1,.pixel-adult[data-type=plasma] .p1,.pixel-master[data-type=plasma] .p1{background:linear-gradient(135deg,#e65100,#ff6d00);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #ff6d0066}.pixel-baby[data-type=plasma] .p2,.pixel-teen[data-type=plasma] .p2,.pixel-adult[data-type=plasma] .p2,.pixel-master[data-type=plasma] .p2{background:linear-gradient(135deg,#ff8f00,#ff9e40);box-shadow:inset -1px -1px 2px #c850004d,0 0 4px #ff8f0080}.pixel-baby[data-type=plasma] .p3,.pixel-teen[data-type=plasma] .p3,.pixel-adult[data-type=plasma] .p3,.pixel-master[data-type=plasma] .p3{background:linear-gradient(135deg,#ffb74d,#ffd54f);box-shadow:inset -1px -1px 2px #dc8c324d,0 0 5px #ffb74d99}.pixel-baby[data-type=snowstorm] .p1,.pixel-teen[data-type=snowstorm] .p1,.pixel-adult[data-type=snowstorm] .p1,.pixel-master[data-type=snowstorm] .p1{background:linear-gradient(135deg,#b3e5fc,#e1f5fe);box-shadow:inset -1px -1px 2px #0000001a,0 0 3px #b3e5fc66}.pixel-baby[data-type=snowstorm] .p2,.pixel-teen[data-type=snowstorm] .p2,.pixel-adult[data-type=snowstorm] .p2,.pixel-master[data-type=snowstorm] .p2{background:linear-gradient(135deg,#e1f5fe,#fff);box-shadow:inset -1px -1px 2px #96c8f033,0 0 4px #e1f5fe80}.pixel-baby[data-type=snowstorm] .p3,.pixel-teen[data-type=snowstorm] .p3,.pixel-adult[data-type=snowstorm] .p3,.pixel-master[data-type=snowstorm] .p3{background:linear-gradient(135deg,#fff,#f0f8ff);box-shadow:inset -1px -1px 2px #c8dcff33,0 0 5px #fff9}.pixel-baby[data-type=typhoon] .p1,.pixel-teen[data-type=typhoon] .p1,.pixel-adult[data-type=typhoon] .p1,.pixel-master[data-type=typhoon] .p1{background:linear-gradient(135deg,#212121,#263238);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #26323866}.pixel-baby[data-type=typhoon] .p2,.pixel-teen[data-type=typhoon] .p2,.pixel-adult[data-type=typhoon] .p2,.pixel-master[data-type=typhoon] .p2{background:linear-gradient(135deg,#37474f,#455a64);box-shadow:inset -1px -1px 2px #141e284d,0 0 4px #37474f80}.pixel-baby[data-type=typhoon] .p3,.pixel-teen[data-type=typhoon] .p3,.pixel-adult[data-type=typhoon] .p3,.pixel-master[data-type=typhoon] .p3{background:linear-gradient(135deg,#607d8b,#78909c);box-shadow:inset -1px -1px 2px #3c50644d,0 0 5px #607d8b99}.pixel-baby[data-type=inferno] .p1,.pixel-teen[data-type=inferno] .p1,.pixel-adult[data-type=inferno] .p1,.pixel-master[data-type=inferno] .p1{background:linear-gradient(135deg,#b71c1c,#d32f2f);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #d32f2f66}.pixel-baby[data-type=inferno] .p2,.pixel-teen[data-type=inferno] .p2,.pixel-adult[data-type=inferno] .p2,.pixel-master[data-type=inferno] .p2{background:linear-gradient(135deg,#e53935,#f44336);box-shadow:inset -1px -1px 2px #b400004d,0 0 4px #e5393580}.pixel-baby[data-type=inferno] .p3,.pixel-teen[data-type=inferno] .p3,.pixel-adult[data-type=inferno] .p3,.pixel-master[data-type=inferno] .p3{background:linear-gradient(135deg,#ff5252,#ff8a80);box-shadow:inset -1px -1px 2px #dc32324d,0 0 5px #ff525299}.pixel-baby[data-type=mudstone] .p1,.pixel-teen[data-type=mudstone] .p1,.pixel-adult[data-type=mudstone] .p1,.pixel-master[data-type=mudstone] .p1{background:linear-gradient(135deg,#4e342e,#5d4037);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #5d403766}.pixel-baby[data-type=mudstone] .p2,.pixel-teen[data-type=mudstone] .p2,.pixel-adult[data-type=mudstone] .p2,.pixel-master[data-type=mudstone] .p2{background:linear-gradient(135deg,#6d4c41,#795548);box-shadow:inset -1px -1px 2px #3c281e4d,0 0 4px #6d4c4180}.pixel-baby[data-type=mudstone] .p3,.pixel-teen[data-type=mudstone] .p3,.pixel-adult[data-type=mudstone] .p3,.pixel-master[data-type=mudstone] .p3{background:linear-gradient(135deg,#8d6e63,#a1887f);box-shadow:inset -1px -1px 2px #6450464d,0 0 5px #8d6e6399}.pixel-baby[data-type=geyser] .p1,.pixel-teen[data-type=geyser] .p1,.pixel-adult[data-type=geyser] .p1,.pixel-master[data-type=geyser] .p1{background:linear-gradient(135deg,#607d8b,#78909c);box-shadow:inset -1px -1px 2px #0003,0 0 3px #78909c66}.pixel-baby[data-type=geyser] .p2,.pixel-teen[data-type=geyser] .p2,.pixel-adult[data-type=geyser] .p2,.pixel-master[data-type=geyser] .p2{background:linear-gradient(135deg,#90a4ae,#b0bec5);box-shadow:inset -1px -1px 2px #50647833,0 0 4px #90a4ae80}.pixel-baby[data-type=geyser] .p3,.pixel-teen[data-type=geyser] .p3,.pixel-adult[data-type=geyser] .p3,.pixel-master[data-type=geyser] .p3{background:linear-gradient(135deg,#cfd8dc,#eceff1);box-shadow:inset -1px -1px 2px #8ca0b433,0 0 5px #cfd8dc99}.pixel-baby[data-type=thunderstorm] .p1,.pixel-teen[data-type=thunderstorm] .p1,.pixel-adult[data-type=thunderstorm] .p1,.pixel-master[data-type=thunderstorm] .p1{background:linear-gradient(135deg,#0d47a1,#1a237e);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #1a237e66}.pixel-baby[data-type=thunderstorm] .p2,.pixel-teen[data-type=thunderstorm] .p2,.pixel-adult[data-type=thunderstorm] .p2,.pixel-master[data-type=thunderstorm] .p2{background:linear-gradient(135deg,#1976d2,#283593);box-shadow:inset -1px -1px 2px #0028644d,0 0 4px #1976d280}.pixel-baby[data-type=thunderstorm] .p3,.pixel-teen[data-type=thunderstorm] .p3,.pixel-adult[data-type=thunderstorm] .p3,.pixel-master[data-type=thunderstorm] .p3{background:linear-gradient(135deg,#42a5f5,#5c6bc0);box-shadow:inset -1px -1px 2px #2864c84d,0 0 5px #42a5f599}.pixel-baby[data-type=glacier] .p1,.pixel-teen[data-type=glacier] .p1,.pixel-adult[data-type=glacier] .p1,.pixel-master[data-type=glacier] .p1{background:linear-gradient(135deg,#26c6da,#4dd0e1);box-shadow:inset -1px -1px 2px #0003,0 0 3px #26c6da66}.pixel-baby[data-type=glacier] .p2,.pixel-teen[data-type=glacier] .p2,.pixel-adult[data-type=glacier] .p2,.pixel-master[data-type=glacier] .p2{background:linear-gradient(135deg,#4dd0e1,#80deea);box-shadow:inset -1px -1px 2px #28b4dc33,0 0 4px #4dd0e180}.pixel-baby[data-type=glacier] .p3,.pixel-teen[data-type=glacier] .p3,.pixel-adult[data-type=glacier] .p3,.pixel-master[data-type=glacier] .p3{background:linear-gradient(135deg,#b2ebf2,#e0f7fa);box-shadow:inset -1px -1px 2px #64c8f033,0 0 5px #b2ebf299}.pixel-baby[data-type=wildfire] .p1,.pixel-teen[data-type=wildfire] .p1,.pixel-adult[data-type=wildfire] .p1,.pixel-master[data-type=wildfire] .p1{background:linear-gradient(135deg,#d84315,#ff3d00);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #ff3d0066}.pixel-baby[data-type=wildfire] .p2,.pixel-teen[data-type=wildfire] .p2,.pixel-adult[data-type=wildfire] .p2,.pixel-master[data-type=wildfire] .p2{background:linear-gradient(135deg,#ff5722,#ff6e40);box-shadow:inset -1px -1px 2px #c828004d,0 0 4px #ff572280}.pixel-baby[data-type=wildfire] .p3,.pixel-teen[data-type=wildfire] .p3,.pixel-adult[data-type=wildfire] .p3,.pixel-master[data-type=wildfire] .p3{background:linear-gradient(135deg,#ff8a65,#ffab91);box-shadow:inset -1px -1px 2px #dc643c4d,0 0 5px #ff8a6599}.pixel-baby[data-type=reef] .p1,.pixel-teen[data-type=reef] .p1,.pixel-adult[data-type=reef] .p1,.pixel-master[data-type=reef] .p1{background:linear-gradient(135deg,#00838f,#00acc1);box-shadow:inset -1px -1px 2px #0003,0 0 3px #00acc166}.pixel-baby[data-type=reef] .p2,.pixel-teen[data-type=reef] .p2,.pixel-adult[data-type=reef] .p2,.pixel-master[data-type=reef] .p2{background:linear-gradient(135deg,#00acc1,#26c6da);box-shadow:inset -1px -1px 2px #0078a033,0 0 4px #00acc180}.pixel-baby[data-type=reef] .p3,.pixel-teen[data-type=reef] .p3,.pixel-adult[data-type=reef] .p3,.pixel-master[data-type=reef] .p3{background:linear-gradient(135deg,#4dd0e1,#80deea);box-shadow:inset -1px -1px 2px #28b4dc33,0 0 5px #4dd0e199}.pixel-baby[data-type=sandstorm] .p1,.pixel-teen[data-type=sandstorm] .p1,.pixel-adult[data-type=sandstorm] .p1,.pixel-master[data-type=sandstorm] .p1{background:linear-gradient(135deg,#e65100,#f57c00);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #f57c0066}.pixel-baby[data-type=sandstorm] .p2,.pixel-teen[data-type=sandstorm] .p2,.pixel-adult[data-type=sandstorm] .p2,.pixel-master[data-type=sandstorm] .p2{background:linear-gradient(135deg,#fb8c00,#ff9800);box-shadow:inset -1px -1px 2px #c850004d,0 0 4px #fb8c0080}.pixel-baby[data-type=sandstorm] .p3,.pixel-teen[data-type=sandstorm] .p3,.pixel-adult[data-type=sandstorm] .p3,.pixel-master[data-type=sandstorm] .p3{background:linear-gradient(135deg,#ffa726,#ffb74d);box-shadow:inset -1px -1px 2px #dc78284d,0 0 5px #ffa72699}.pixel-baby[data-type=haze] .p1,.pixel-teen[data-type=haze] .p1,.pixel-adult[data-type=haze] .p1,.pixel-master[data-type=haze] .p1{background:linear-gradient(135deg,#616161,#757575);box-shadow:inset -1px -1px 2px #0003,0 0 3px #75757566}.pixel-baby[data-type=haze] .p2,.pixel-teen[data-type=haze] .p2,.pixel-adult[data-type=haze] .p2,.pixel-master[data-type=haze] .p2{background:linear-gradient(135deg,#9e9e9e,#bdbdbd);box-shadow:inset -1px -1px 2px #64646433,0 0 4px #9e9e9e80}.pixel-baby[data-type=haze] .p3,.pixel-teen[data-type=haze] .p3,.pixel-adult[data-type=haze] .p3,.pixel-master[data-type=haze] .p3{background:linear-gradient(135deg,#e0e0e0,#f5f5f5);box-shadow:inset -1px -1px 2px #b4b4b433,0 0 5px #e0e0e099}.pixel-baby[data-type=magma] .p1,.pixel-teen[data-type=magma] .p1,.pixel-adult[data-type=magma] .p1,.pixel-master[data-type=magma] .p1{background:linear-gradient(135deg,#b71c1c,#bf360c);box-shadow:inset -1px -1px 2px #0000004d,0 0 3px #bf360c66}.pixel-baby[data-type=magma] .p2,.pixel-teen[data-type=magma] .p2,.pixel-adult[data-type=magma] .p2,.pixel-master[data-type=magma] .p2{background:linear-gradient(135deg,#d32f2f,#d84315);box-shadow:inset -1px -1px 2px #b414004d,0 0 4px #d32f2f80}.pixel-baby[data-type=magma] .p3,.pixel-teen[data-type=magma] .p3,.pixel-adult[data-type=magma] .p3,.pixel-master[data-type=magma] .p3{background:linear-gradient(135deg,#e64a19,#ff5722);box-shadow:inset -1px -1px 2px #c832144d,0 0 5px #e64a1999}.exp-bar{position:relative;height:24px;background:var(--color-surface);margin-top:16px;border:2px solid var(--color-border)}.exp-fill{height:100%;background:var(--pet-color);transition:width .5s ease;position:relative;overflow:hidden}.pixel-gradient:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(255,255,255,.1) 4px,rgba(255,255,255,.1) 8px)}.exp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;z-index:2;color:#fff;text-shadow:1px 1px 0px rgba(0,0,0,.9)}.right-column{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow-y:auto;overflow-x:hidden;max-height:100%;padding-right:4px}.right-column::-webkit-scrollbar{width:8px}.right-column::-webkit-scrollbar-track{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.right-column::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary) 0%,#00cc88 100%);border-radius:4px;box-shadow:0 0 10px #00ffaa80}.right-column::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0fc,#0fa);box-shadow:0 0 15px #0fac}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:linear-gradient(135deg,#15152a99,#1a1a3a99);padding:10px;border-radius:10px;border:2px solid rgba(85,85,170,.3);box-shadow:0 4px 16px #0000004d}.stat-item{background:linear-gradient(135deg,var(--color-surface-light) 0%,#1a1a40 100%);padding:8px;transition:all .3s ease;border:2px solid var(--color-border);border-radius:6px;box-shadow:0 2px 8px #0000004d,0 0 15px #55a3,inset 0 0 15px #00ffaa0d;-moz-user-select:none;user-select:none;-webkit-user-select:none}.stat-item:hover{background:linear-gradient(135deg,#252550,#202045);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0006,0 0 25px #0fa9,inset 0 0 20px #00ffaa26}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;color:#fff}.stat-icon{font-size:18px}.stat-bar{height:10px;background:var(--color-surface);margin-bottom:4px;overflow:hidden;border:2px solid var(--color-border);box-shadow:inset 0 0 10px #00000080,0 0 5px #5555aa4d;position:relative}.stat-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);pointer-events:none}.stat-fill{height:100%;transition:width .5s ease;position:relative;box-shadow:0 0 10px currentColor,inset 0 0 10px #ffffff4d}.stat-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.15) 3px,rgba(255,255,255,.15) 6px);animation:shimmer 2s linear infinite}@keyframes shimmer{0%{transform:translate(-20px)}to{transform:translate(20px)}}.stat-value{font-size:11px;text-align:right;color:#cce;text-shadow:1px 1px 0px rgba(0,0,0,.9),0 0 5px rgba(0,204,255,.4)}.actions{display:flex;justify-content:center;align-items:center;gap:8px;padding:6px;background:linear-gradient(135deg,#15152a99,#1a1a3a99);border-radius:10px;border:2px solid rgba(85,85,170,.3);box-shadow:0 4px 16px #0000004d}.action-btn{background:linear-gradient(135deg,var(--color-surface-light) 0%,#1a1a40 100%);border:2px solid var(--color-border);border-radius:6px;padding:12px 10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:#fff;box-shadow:0 2px 8px #0000004d,0 0 15px #55a3,inset 0 0 15px #00ffaa0d;position:relative;overflow:hidden;min-width:85px}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;z-index:0}.action-btn:hover:before{left:100%}.action-btn:nth-child(1){border-color:#ff6b6b}.action-btn:nth-child(1):hover{background:linear-gradient(135deg,#ff6b6b,#ff4757);border-color:#ff8787;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #ff6b6b99,0 0 30px #ff6b6b66,inset 0 0 20px #fff3;color:#fff}.action-btn:nth-child(2){border-color:#4ecdc4}.action-btn:nth-child(2):hover{background:linear-gradient(135deg,#4ecdc4,#3ab8af);border-color:#6ee7dd;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #4ecdc499,0 0 30px #4ecdc466,inset 0 0 20px #fff3;color:#000}.action-btn:nth-child(3){border-color:#95e1d3}.action-btn:nth-child(3):hover{background:linear-gradient(135deg,#95e1d3,#7acfc1);border-color:#b0f0e3;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #95e1d399,0 0 30px #95e1d366,inset 0 0 20px #fff3;color:#000}.action-btn:nth-child(4){border-color:#a29bfe}.action-btn:nth-child(4):hover{background:linear-gradient(135deg,#a29bfe,#8881f5);border-color:#b8b2ff;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #a29bfe99,0 0 30px #a29bfe66,inset 0 0 20px #fff3;color:#fff}.action-btn:nth-child(5),.breed-btn{border-color:#ff6b9d}.action-btn:nth-child(5):hover,.breed-btn:hover{background:linear-gradient(135deg,#ff6b9d,#ff4d88);border-color:#ff8cb0;transform:translateY(-4px) scale(1.08);box-shadow:0 0 30px #ff6b9dcc,0 5px #ff4d88,inset 0 0 20px #fff3;color:#fff}.action-btn:active{transform:translateY(-2px) scale(1.04)}.action-btn:active:nth-child(1){box-shadow:0 0 20px #ff6b6b99,0 2px #ff4757}.action-btn:active:nth-child(2){box-shadow:0 0 20px #4ecdc499,0 2px #3ab8af}.action-btn:active:nth-child(3){box-shadow:0 0 20px #95e1d399,0 2px #7acfc1}.action-btn:active:nth-child(4){box-shadow:0 0 20px #a29bfe99,0 2px #8881f5}.action-btn:active:nth-child(5),.breed-btn:active{box-shadow:0 0 20px #ff6b9d99,0 2px #ff4d88}.action-icon{font-size:28px;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(0,255,170,.4));position:relative;z-index:1}.pet-slots{background:var(--color-surface-light);padding:12px;margin-top:10px;box-shadow:0 0 15px #5555aa4d,inset 0 0 15px #00ffaa0d}.slots-header{font-size:10px;color:#0fa;margin-bottom:10px;text-align:center}.slots-container{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pet-slot{background:linear-gradient(135deg,var(--color-surface) 0%,#1a1a30 100%);border:2px solid var(--color-border);padding:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:60px;box-shadow:0 0 10px #55a3}.pet-slot:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 0 20px #0fa6}.pet-slot.active{border-color:#0fa;background:linear-gradient(135deg,#00ffaa20,#00cc8820);box-shadow:0 0 20px #0fa9}.pet-slot.empty{border-style:dashed;opacity:.6}.pet-slot.empty:hover{opacity:1;border-style:solid}.slot-type{font-size:9px;padding:4px 8px;border-radius:3px;color:#000;font-weight:700;text-shadow:none}.slot-level{font-size:8px;color:#fff}.slot-add{font-size:24px;color:var(--color-primary)}.compose-section{margin-top:12px;padding-top:12px;border-top:2px solid var(--color-border)}.compose-header{font-size:10px;color:#fa0;margin-bottom:8px;text-align:center;text-shadow:0 0 10px rgba(255,170,0,.6)}.compose-btn{width:100%;background:linear-gradient(135deg,#2a2a40,#1a1a30);border:2px solid #ffaa00;padding:10px;margin-bottom:6px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.compose-btn:hover{background:linear-gradient(135deg,#fa0,#f80);border-color:#fc0;box-shadow:0 0 20px #fa09;transform:translateY(-2px)}.compose-btn:active{transform:translateY(0)}.compose-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:8px}.compose-count{color:#0fa;font-size:7px}.compose-arrow{font-size:10px;color:#fc0;font-weight:700}.compose-btn:hover .compose-arrow{color:#000}.pet-manager-btn{width:100%;background:linear-gradient(135deg,#2a2a50,#1a1a30);border:3px solid var(--color-border);padding:16px 20px;margin-top:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;position:relative;color:#fff;font-size:13px;font-weight:700;overflow:hidden;box-shadow:0 0 15px #5555aa4d,inset 0 0 15px #00ffaa0d}.pet-manager-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,170,.3),transparent);transition:left .6s ease}.pet-manager-btn:hover:before{left:100%}.pet-manager-btn:hover{background:linear-gradient(135deg,#0fa,#0c8);border-color:#0fa;box-shadow:0 0 30px #0fac,0 4px #0c8,inset 0 0 20px #fff3;transform:translateY(-4px) scale(1.02);color:#000}.pet-manager-btn:active{transform:translateY(-2px) scale(1.01);box-shadow:0 0 20px #0fa9,0 2px #0c8}.manager-icon{font-size:20px;filter:drop-shadow(0 0 8px rgba(0,255,170,.4));position:relative;z-index:1}.compose-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#fa0,#f80);color:#000;font-size:18px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-surface);box-shadow:0 0 15px #fa09;animation:pulse-badge 2s ease-in-out infinite;z-index:2}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 0 15px #fa09}50%{transform:scale(1.15);box-shadow:0 0 25px #ffaa00e6}}.unlock-slot-btn{width:100%;background:linear-gradient(135deg,#fa0,#f80);border:2px solid #ffcc00;padding:14px;margin-top:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.unlock-slot-btn:hover{background:linear-gradient(135deg,#fc0,#fa0);border-color:#fe0;box-shadow:0 0 25px #ffaa00b3;transform:translateY(-2px)}.unlock-icon{font-size:18px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.modal-overlay.show{opacity:1}.modal-content{background:var(--color-surface);width:95%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.9);transition:transform .3s ease}.modal-overlay.show .modal-content{transform:scale(1)}.modal-header{padding:20px;display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-light)}.modal-header h3{margin:0;font-size:20px;color:#0fa}.modal-close{background:transparent;border:2px solid var(--color-border);color:#fff;font-size:16px;width:32px;height:32px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f44;border-color:#f66;transform:rotate(90deg)}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.section-title{font-size:20px;color:#0fa;margin-bottom:18px;text-align:center;text-shadow:0 0 10px rgba(0,255,170,.6)}.pet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pet-card-container{display:flex;flex-direction:column;gap:8px;position:relative}.release-pet-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:2px solid #ff4757;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .3s ease;opacity:.8}.release-pet-btn:hover{opacity:1;background:linear-gradient(135deg,#ff5252,#e53e4e);transform:scale(1.05);box-shadow:0 4px 12px #ff4b5780}.release-pet-btn:active{transform:scale(.95)}.pet-card{background:linear-gradient(135deg,var(--color-surface-light) 0%,#1a1a30 100%);border:2px solid var(--color-border);padding:0;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative;flex:1;min-height:95px;max-height:105px}.pet-card:hover:not(.add-card){transform:translateY(-3px);box-shadow:0 6px 20px #55a9}.pet-card.active{border-color:#0fa;box-shadow:0 0 20px #0fa9}.pet-card.working{border-color:#fa0;box-shadow:0 0 15px #fa06}.pet-card.idle{border-color:#669;box-shadow:0 0 10px #6666994d}.work-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;padding:4px 10px;border-radius:3px;font-weight:700;z-index:1}.working-badge{background:linear-gradient(135deg,#ffaa00f2,#ff8800f2);color:#000;animation:pulse-working 2s ease-in-out infinite}.idle-badge{background:linear-gradient(135deg,#666699f2,#555588f2);color:#fff}@keyframes pulse-working{0%,to{box-shadow:0 0 5px #ffaa0080}50%{box-shadow:0 0 15px #fa0c}}.work-summary{margin-bottom:20px}.work-summary-content{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#2a2a50,#1a1a30);padding:16px;gap:16px}.work-summary-left{flex:1;display:flex;flex-direction:column;gap:6px}.work-summary-actions{display:flex;flex-direction:column;gap:10px}.work-summary-label{font-size:12px;color:#aac}.work-summary-amount{font-size:18px;color:#fa0;text-shadow:2px 2px 0px rgba(0,0,0,.9),0 0 15px rgba(255,170,0,.6)}.work-summary-total{font-size:11px;color:#0fa;text-shadow:2px 2px 0px rgba(0,0,0,.9),0 0 10px rgba(0,255,170,.4)}.collect-all-btn{background:linear-gradient(135deg,#fa0,#f80);border:2px solid #ffcc00;padding:10px 16px;cursor:pointer;transition:all .3s ease;font-size:9px;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 15px #fa06;white-space:nowrap}.collect-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#fc0,#fa0);box-shadow:0 0 25px #ffaa00b3;transform:translateY(-2px)}.collect-all-btn:disabled{opacity:.4;cursor:not-allowed}.unlock-slot-btn-modal{background:linear-gradient(135deg,#0fa,#0c8);border:2px solid #00ffcc;padding:10px 16px;cursor:pointer;transition:all .3s ease;font-size:9px;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 15px #0fa6;white-space:nowrap}.unlock-slot-btn-modal:hover:not(:disabled){background:linear-gradient(135deg,#0fc,#0fa);box-shadow:0 0 25px #00ffaab3;transform:translateY(-2px)}.unlock-slot-btn-modal:disabled{opacity:.4;cursor:not-allowed}.collect-icon{font-size:14px}.card-work-info{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1)}.work-earning{font-size:11px;color:#fa0;font-weight:700}.work-control-btn{padding:10px 16px;cursor:pointer;transition:all .3s ease;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 auto}.work-control-btn.start-work{background:linear-gradient(135deg,#fa0,#f80);border:2px solid #ffcc00;color:#000}.work-control-btn.start-work:hover{background:linear-gradient(135deg,#fc0,#fa0);box-shadow:0 0 15px #fa09;transform:translateY(-1px)}.work-control-btn.stop-work{background:linear-gradient(135deg,#669,#558);border:2px solid #7777aa;color:#fff}.work-control-btn.stop-work:hover{background:linear-gradient(135deg,#77a,#669);box-shadow:0 0 15px #6699;transform:translateY(-1px)}.btn-icon{font-size:14px}.card-header{padding:5px 8px;display:flex;justify-content:space-between;align-items:center}.card-type{font-size:13px;color:#000;font-weight:700}.card-star{font-size:12px}.card-body{padding:6px 10px;background:var(--color-surface)}.card-name{font-size:16px;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.card-info{display:flex;justify-content:space-between;font-size:11px;color:#aaa;margin-bottom:8px}.card-status{font-size:11px}.max-badge{color:#fa0}.exp-badge{color:#0fa}.add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;border-style:dashed;opacity:.7}.add-card:hover{opacity:1;border-color:var(--color-primary)}.add-icon{font-size:32px;color:var(--color-primary)}.add-text{font-size:8px;color:#fff}.compose-section{margin-bottom:16px}.compose-section-title{font-size:13px;color:#fa0;margin-bottom:10px;padding-left:6px;border-left:3px solid #ffaa00}.compose-list{display:flex;flex-direction:column;gap:8px}.compose-item{background:linear-gradient(135deg,#2a2a40,#1a1a30);border:2px solid #ffaa00;padding:12px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.compose-item:hover{background:linear-gradient(135deg,#fa0,#f80);border-color:#fc0;box-shadow:0 0 20px #fa09;transform:translateY(-2px)}.compose-left{display:flex;align-items:center;gap:10px}.compose-type{font-size:8px;padding:6px 10px;border-radius:4px;color:#000;font-weight:700}.compose-detail{display:flex;flex-direction:column;gap:4px}.compose-stars{font-size:8px;color:#fff}.compose-progress{font-size:7px;color:#0fa}.compose-right{display:flex;align-items:center;gap:8px}.compose-arrow{font-size:12px;color:#fc0}.compose-result{font-size:10px;color:#fc0}.compose-item:hover .compose-arrow,.compose-item:hover .compose-result{color:#000}.breed-info{background:linear-gradient(135deg,#2a2a40,#1a1a30);border:2px solid #ff6b9d;padding:12px;margin-bottom:12px}.breed-description{font-size:10px;color:#fff;margin-bottom:8px;line-height:1.4}.breed-requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-size:8px;color:#aaa}.breed-pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.breed-pet-card{background:linear-gradient(135deg,#2a2a40,#1a1a30);border:2px solid #ff6b9d;padding:0;cursor:pointer;transition:all .3s ease;overflow:hidden}.breed-pet-card:hover:not(.disabled){background:linear-gradient(135deg,#ff6b9d,#ff4d88);border-color:#ff8cb0;box-shadow:0 0 20px #ff6b9d99;transform:translateY(-2px)}.breed-pet-card.disabled{opacity:.5;cursor:not-allowed;border-color:#555}.breed-card-header{padding:6px 8px;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;color:#000}.breed-card-body{padding:8px;background:#0000004d}.breed-pet-name{font-size:12px;color:#fff;margin-bottom:6px;font-weight:700}.breed-pet-info{display:flex;gap:10px;font-size:10px;color:#aaa;margin-bottom:8px}.breed-stats{display:flex;gap:10px;margin-bottom:6px}.breed-stat{font-size:10px;padding:3px 8px;border-radius:3px;background:#ffffff1a}.breed-stat.ok{color:#4ecdc4;background:#4ecdc433}.breed-stat.low{color:#ff6b6b;background:#ff6b6b33}.breed-unable{font-size:9px;color:#ff6b6b;margin-top:6px;text-align:center}.breed-action-btn{width:100%;padding:16px;background:linear-gradient(135deg,#ff6b9d,#c44569);border:3px solid #ff8cb0;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b9d66}.breed-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d99;border-color:#ffa3c4}.breed-hint{text-align:center;font-size:13px;color:#fa0;padding:12px;background:#ffaa001a;border:2px solid #ffaa00;border-radius:4px}.compose-hint{text-align:center;font-size:14px;color:#aac;padding:20px;background:#6464961a;border-radius:8px;border:1px dashed rgba(100,100,150,.3);line-height:1.8}.breed-requirement-notice{background:#ffaa0026;border:2px solid #ffaa00;border-left:none;border-right:none;padding:12px 20px;text-align:center}.breed-requirement-notice p{margin:0;font-size:14px;color:#fa0;font-weight:700;text-shadow:1px 1px 0px rgba(0,0,0,.8),0 0 10px rgba(255,170,0,.4);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.5px}.breed-selection-instruction{text-align:center;font-size:14px;color:#0fa;margin-bottom:16px;padding:12px;background:#00ffaa1a;border:2px solid #00ffaa;border-radius:4px}.breed-selector-container{width:100%}.breed-selector-row{display:flex;align-items:center;gap:20px;justify-content:center}.breed-selector-item{flex:1;max-width:250px}.breed-selector-label{display:block;color:var(--color-primary);font-size:14px;font-weight:700;margin-bottom:8px;text-align:center}.breed-selector-wrapper{display:flex;flex-direction:column;gap:10px}.breed-selector{width:100%;padding:10px;background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .3s ease}.breed-selector option:disabled{color:#666;background:#6464644d;font-style:italic}.breed-selector:hover{border-color:var(--color-primary)}.breed-selector:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #00ffaa4d}.breed-preview{min-height:40px;display:flex;align-items:center;justify-content:center;padding:8px;background:#0000004d;border:2px dashed var(--color-border);border-radius:4px}.preview-placeholder{color:#666;font-size:12px}.breed-plus-icon{font-size:32px;color:var(--color-primary);font-weight:700;margin-top:20px}.breed-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:20px}.breed-selection-card{background:linear-gradient(135deg,#2a2a40,#1a1a30);border:3px solid #555;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.breed-selection-card:hover{border-color:#ff8cb0;box-shadow:0 0 15px #ff6b9d66;transform:translateY(-2px)}.breed-selection-card.selected{border-color:#0fa;box-shadow:0 0 20px #0fa9;transform:scale(1.05)}.selection-indicator{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#0fa;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#000;opacity:0;transform:scale(0);transition:all .3s ease}.breed-selection-card.selected .selection-indicator{opacity:1;transform:scale(1)}.breed-confirm-section{display:flex;justify-content:center;padding:16px 0;border-top:2px solid #444}.breed-confirm-btn{padding:16px 40px;background:linear-gradient(135deg,#0fa,#0c8);border:3px solid #00ffaa;color:#000;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0fa6}.breed-confirm-btn:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 6px 20px #0fa9}.breed-confirm-btn[disabled]{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#555,#333);border-color:#555;box-shadow:none}.pokedex-stats{background:linear-gradient(135deg,#2a2a40,#1a1a30);border:2px solid #ffaa00;padding:12px;margin-bottom:16px}.pokedex-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;color:#fff}.progress-label{font-weight:700}.progress-count{color:#fa0;font-weight:700}.progress-bar{background:#1a1a30;border:2px solid #444;height:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fa0,#f80);transition:width .5s ease}.pokedex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.pokedex-card{background:linear-gradient(135deg,#2a2a40,#1a1a30);border:2px solid #444;overflow:hidden;transition:all .3s ease}.pokedex-card.unlocked{border-color:#fa0}.pokedex-card.unlocked:hover{transform:translateY(-4px);box-shadow:0 0 20px #fa09}.pokedex-card.locked{opacity:.6}.pokedex-card-header{padding:6px 8px;text-align:center;font-size:8px;font-weight:700;color:#000}.pokedex-card-body{padding:12px;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.pokedex-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.pokedex-type{font-size:9px;color:#fff;font-weight:700}.pokedex-locked{display:flex;flex-direction:column;align-items:center;gap:6px}.lock-icon{font-size:28px;opacity:.5}.lock-text{font-size:8px;color:#666}.customize{background:var(--color-surface-light);padding:12px;border:2px solid var(--color-border)}.customize-section{margin-bottom:12px}.customize-section:last-child{margin-bottom:0}.customize-section label{display:block;font-size:10px;margin-bottom:8px;color:#0fa}.pixel-input{width:100%;padding:10px;background:var(--color-surface);border:2px solid var(--color-border);color:#fff;font-size:11px;transition:all .2s ease;font-family:"Press Start 2P",monospace}.pixel-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0f83}.pet-types{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.pet-type-btn{background:var(--color-surface);border:2px solid var(--color-border);padding:10px;cursor:pointer;transition:all .2s ease;font-size:10px;color:#fff}.pet-type-btn:hover{transform:translateY(-1px);border-color:var(--type-color)}.pet-type-btn.active{border-color:var(--type-color);background:var(--color-surface-light);box-shadow:0 0 8px var(--type-color)}.evolution-tree{background:var(--color-surface-light);padding:12px;border:2px solid var(--color-border)}.evolution-tree h3{font-size:11px;margin-bottom:12px;text-align:center;color:#0fa}.evolution-stages{display:flex;justify-content:space-between;gap:4px;position:relative}.evolution-stages:before{content:"";position:absolute;top:20px;left:10%;right:10%;height:2px;background:repeating-linear-gradient(90deg,var(--color-border) 0,var(--color-border) 4px,transparent 4px,transparent 8px);z-index:0}.evolution-stage{flex:1;text-align:center;position:relative;z-index:1}.stage-icon{width:40px;height:40px;margin:0 auto 6px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid var(--color-border);transition:all .3s ease;opacity:.3}.evolution-stage.unlocked .stage-icon{opacity:1;border-color:var(--color-primary)}.pixel-glow{animation:pixelGlow 1.5s ease-in-out infinite}@keyframes pixelGlow{0%,to{box-shadow:0 0 8px var(--color-primary)}50%{box-shadow:0 0 16px var(--color-primary),0 0 24px var(--color-primary)}}.evolution-stage.current .stage-icon{border-color:var(--color-secondary);box-shadow:0 0 16px var(--color-secondary);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stage-name{font-size:8px;margin-bottom:2px;color:#fff}.stage-exp{font-size:7px;color:#aac}.notification{position:fixed;transform:translate(-50%,-100%) translateY(-12px) scale(.8);background:linear-gradient(135deg,var(--color-surface) 0%,#1a1a40 100%);border:3px solid var(--color-primary);padding:10px 18px;box-shadow:0 0 20px #0fa9,0 8px 24px #000000b3,inset 0 0 15px #00ffaa1a;opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:1000;max-width:280px;text-align:center;pointer-events:none;border-radius:4px}.notification.show{transform:translate(-50%,-100%) translateY(-12px) scale(1);opacity:1;animation:floatNotification .6s ease-out}@keyframes floatNotification{0%{transform:translate(-50%,-100%) translateY(-30px) scale(.8);opacity:0}50%{transform:translate(-50%,-100%) translateY(-8px) scale(1.05)}to{transform:translate(-50%,-100%) translateY(-12px) scale(1);opacity:1}}@keyframes pixelShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.pixel-btn{position:relative;overflow:hidden}.pixel-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.pixel-btn:hover:before{left:100%}.pet-display[style*=--pet-color] .pixel-egg~*{position:relative}.pet-display:has(.pixel-egg):after{opacity:1;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.4) 0%,transparent 3%),radial-gradient(circle at 85% 30%,rgba(255,255,255,.35) 0%,transparent 4%),radial-gradient(circle at 25% 60%,rgba(255,255,255,.3) 0%,transparent 5%),radial-gradient(circle at 70% 75%,rgba(255,255,255,.4) 0%,transparent 3.5%),radial-gradient(circle at 50% 40%,rgba(255,255,255,.25) 0%,transparent 4.5%),radial-gradient(circle at 40% 85%,rgba(255,255,255,.35) 0%,transparent 4%),radial-gradient(circle at 90% 60%,rgba(255,255,255,.3) 0%,transparent 3%),radial-gradient(circle at 10% 75%,rgba(255,255,255,.25) 0%,transparent 5%);animation:floatBubbles 6s ease-in-out infinite}@keyframes floatBubbles{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-20px);opacity:.7}}.pet-display:has([data-type=fire]:not(.pixel-egg)):after{opacity:1;background:radial-gradient(circle at 20% 80%,rgba(255,68,68,.6) 0%,transparent 2%),radial-gradient(circle at 40% 70%,rgba(255,136,0,.5) 0%,transparent 3%),radial-gradient(circle at 65% 85%,rgba(255,68,68,.7) 0%,transparent 2.5%),radial-gradient(circle at 85% 75%,rgba(255,136,0,.4) 0%,transparent 3.5%),radial-gradient(circle at 30% 90%,rgba(255,200,0,.5) 0%,transparent 2%),radial-gradient(circle at 75% 95%,rgba(255,68,68,.6) 0%,transparent 2.5%),radial-gradient(circle at 50% 80%,rgba(255,136,0,.5) 0%,transparent 3%),radial-gradient(circle at 10% 70%,rgba(255,200,0,.4) 0%,transparent 2.5%);animation:riseFlame 3s ease-in-out infinite}@keyframes riseFlame{0%{transform:translateY(10px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-100px);opacity:0}}.pet-display:has([data-type=water]:not(.pixel-egg)):after{opacity:1;background:radial-gradient(ellipse at 15% 10%,rgba(68,136,255,.6) 0%,transparent 1.5%),radial-gradient(ellipse at 35% 5%,rgba(0,204,255,.5) 0%,transparent 2%),radial-gradient(ellipse at 60% 15%,rgba(68,136,255,.7) 0%,transparent 1.8%),radial-gradient(ellipse at 80% 8%,rgba(0,204,255,.6) 0%,transparent 2.2%),radial-gradient(ellipse at 25% 20%,rgba(68,136,255,.5) 0%,transparent 1.5%),radial-gradient(ellipse at 70% 25%,rgba(0,204,255,.7) 0%,transparent 2%),radial-gradient(ellipse at 45% 12%,rgba(68,136,255,.6) 0%,transparent 1.8%),radial-gradient(ellipse at 90% 18%,rgba(0,204,255,.5) 0%,transparent 2.2%);animation:fallWater 4s ease-in infinite}@keyframes fallWater{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100px);opacity:0}}.pet-display:has([data-type=grass]:not(.pixel-egg)):after{opacity:1;background:radial-gradient(ellipse 3px 5px at 20% 30%,rgba(68,255,68,.6) 0%,transparent 100%),radial-gradient(ellipse 4px 6px at 50% 20%,rgba(136,255,0,.5) 0%,transparent 100%),radial-gradient(ellipse 3.5px 5.5px at 75% 40%,rgba(68,255,68,.7) 0%,transparent 100%),radial-gradient(ellipse 2.5px 4.5px at 30% 60%,rgba(136,255,0,.6) 0%,transparent 100%),radial-gradient(ellipse 4px 6px at 85% 25%,rgba(0,200,100,.5) 0%,transparent 100%),radial-gradient(ellipse 3px 5px at 15% 70%,rgba(68,255,68,.6) 0%,transparent 100%),radial-gradient(ellipse 3.5px 5.5px at 65% 55%,rgba(136,255,0,.7) 0%,transparent 100%),radial-gradient(ellipse 2.8px 4.8px at 40% 80%,rgba(0,200,100,.5) 0%,transparent 100%);animation:floatLeaves 8s ease-in-out infinite}@keyframes floatLeaves{0%{transform:translate(-20px,-50px) rotate(0);opacity:0}10%{opacity:1}50%{transform:translate(10px,50px) rotate(180deg)}90%{opacity:1}to{transform:translate(30px,150px) rotate(360deg);opacity:0}}.pet-display:has([data-type=electric]:not(.pixel-egg)):after{opacity:1;background:linear-gradient(45deg,transparent 48%,rgba(255,255,68,.8) 49%,rgba(255,255,68,.8) 51%,transparent 52%) 20% 30% / 3px 15px no-repeat,linear-gradient(135deg,transparent 48%,rgba(255,170,0,.7) 49%,rgba(255,170,0,.7) 51%,transparent 52%) 60% 50% / 2.5px 12px no-repeat,linear-gradient(45deg,transparent 48%,rgba(255,255,68,.9) 49%,rgba(255,255,68,.9) 51%,transparent 52%) 80% 25% / 3.5px 18px no-repeat,linear-gradient(135deg,transparent 48%,rgba(255,170,0,.6) 49%,rgba(255,170,0,.6) 51%,transparent 52%) 40% 70% / 2.8px 14px no-repeat,linear-gradient(45deg,transparent 48%,rgba(255,255,68,.7) 49%,rgba(255,255,68,.7) 51%,transparent 52%) 15% 60% / 3.2px 16px no-repeat,linear-gradient(135deg,transparent 48%,rgba(255,170,0,.8) 49%,rgba(255,170,0,.8) 51%,transparent 52%) 70% 80% / 2.6px 13px no-repeat;animation:sparkElectric 1.5s steps(4) infinite}@keyframes sparkElectric{0%,to{opacity:0}25%{opacity:1;filter:brightness(1.5)}50%{opacity:.3}75%{opacity:1;filter:brightness(1.8)}}.pet-display:has([data-type=fairy]:not(.pixel-egg)):after{opacity:1;background:radial-gradient(circle at 25% 35%,rgba(255,119,255,.8) 0%,transparent 1.5%),radial-gradient(circle at 55% 25%,rgba(255,204,255,.6) 0%,transparent 2%),radial-gradient(circle at 75% 50%,rgba(255,119,255,.7) 0%,transparent 1.8%),radial-gradient(circle at 35% 65%,rgba(255,204,255,.8) 0%,transparent 2.2%),radial-gradient(circle at 85% 30%,rgba(255,153,255,.6) 0%,transparent 1.6%),radial-gradient(circle at 15% 75%,rgba(255,119,255,.9) 0%,transparent 2%),radial-gradient(circle at 65% 70%,rgba(255,204,255,.7) 0%,transparent 1.9%),radial-gradient(circle at 45% 85%,rgba(255,153,255,.8) 0%,transparent 2.1%);animation:twinkleFairy 3s ease-in-out infinite}@keyframes twinkleFairy{0%,to{opacity:.3;transform:scale(1) rotate(0)}25%{opacity:1;transform:scale(1.2) rotate(90deg)}50%{opacity:.5;transform:scale(.9) rotate(180deg)}75%{opacity:1;transform:scale(1.1) rotate(270deg)}}@media(max-width:1200px){.game-container{padding:8px;gap:8px}.header{padding:10px 12px}.pet-display{padding:24px 16px;min-height:280px}}@media(max-width:768px){body{padding:4px}.game-container{padding:6px;gap:6px}.header{padding:8px 10px}.pet-name-display,.pet-name-input{font-size:18px}.pet-display{padding:20px 12px;min-height:240px}.stats-grid{gap:8px;padding:10px}.stat-item{padding:8px}.actions{gap:8px;padding:6px}.action-btn{padding:12px 10px;font-size:11px}}.grouped-card{position:relative}.count-badge{position:absolute;top:28px;left:5px;background:#000c;color:#fff;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid rgba(255,255,255,.4);z-index:5}.card-status-summary{display:flex;gap:8px;margin-top:5px;font-size:12px}.status-item{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;background:#0000001a;border-radius:4px;font-size:12px}.expand-group-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.3);font-size:12px;z-index:10}.expand-group-btn:hover{background:#000c;transform:scale(1.1)}.pet-detail-list{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto;overflow-x:hidden}.pet-detail-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;transition:all .2s ease}.pet-detail-item:hover{background:#ffffff1a;transform:translate(5px)}.pet-detail-item.current-pet{background:#ffd7001a;border-color:gold}.pet-detail-info{flex:1}.pet-detail-name{font-size:18px;font-weight:700;margin-bottom:8px}.pet-detail-status{font-size:15px;color:var(--color-text-secondary)}.status-working{color:#4caf50}.status-idle{color:#9e9e9e}.pet-detail-actions{display:flex;gap:12px}.protected-badge{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:2px solid #7f8c8d;padding:10px 16px;font-size:16px;cursor:not-allowed;opacity:.6}.protected-pet{background:#95a5a60d;border-color:#95a5a6!important}.protected-pet .pet-detail-name{color:#95a5a6}.switch-pet-btn{padding:10px 18px;font-size:16px;background:var(--color-primary)}.switch-pet-btn:hover{background:var(--color-primary-dark)}.release-step{padding:20px;text-align:center}.release-step h3{color:var(--color-primary);margin-bottom:15px;font-size:18px}.release-pet-info{background:#ff6b6b1a;border:2px solid #ff6b6b;border-radius:8px;padding:15px;margin:15px 0;text-align:left}.release-pet-info div{margin:8px 0;font-size:14px}.release-pet-info strong{color:var(--color-primary);margin-right:8px}.release-step p{margin:15px 0;font-size:16px;line-height:1.6}.release-step button{margin:10px 5px;padding:10px 20px;min-width:100px}#finalConfirm{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff4757}#finalConfirm:hover{background:linear-gradient(135deg,#ff5252,#e53e4e);box-shadow:0 4px 12px #ff4b5780}